<template>
  <div>
    <p>默认插槽的使用</p>

    <!-- 使用插槽，必须使用双闭合标签 -->
    <Dialog>
      <table>
        <thead>
          <tr>
            <th>日期</th>
            <th>姓名</th>
            <th>地址</th>
          </tr>
        </thead>
        <tbody>
          <tr>
            <td>2016-05-02</td>
            <td>王小虎</td>
            <td>上海市普陀区金沙江路 1518 弄</td>
          </tr>
          <tr>
            <td>2016-05-04</td>
            <td>王小虎</td>
            <td>上海市普陀区金沙江路 1518 弄</td>
          </tr>
          <tr>
            <td>2016-05-01</td>
            <td>王小虎</td>
            <td>上海市普陀区金沙江路 1518 弄</td>
          </tr>
          <tr>
            <td>2016-05-03</td>
            <td>王小虎</td>
            <td>上海市普陀区金沙江路 1518 弄</td>
          </tr>
        </tbody>
      </table>
    </Dialog>

    <hr />

    <Dialog>
      <form action="">
        <p>活动名称：<input /></p>
        <p>活动区域：<input /></p>
      </form>
    </Dialog>
  </div>
</template>

<script>
import Dialog from './Dialog.vue'
export default {
  components: {
    Dialog
  }
}
</script>
